<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <title>Open Visualization Collaborator Summit 2022</title>
        <meta name="description" content="Come together with the vis.gl/deck.gl community to discuss the present & future of the leading open source library for geospatial applications.">
        <link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,800|Open+Sans:400,600,700" rel="stylesheet">
        <link rel="stylesheet" href="css/deckgl-summit.css">
    </head>
    
    <body class="is-bgWhite" cz-shortcut-listen="true">
        <header class="section">
            <div class="grid">
                <iframe width="100%" height="650px" src="map/index.html" allowfullscreen="allowfullscreen"
                    allowpaymentrequest frameborder="0"></iframe>
                <div class="grid-cell grid-cell--col1"></div>
                <div class="grid-cell grid-cell--col10 logo-deckgl">
                    <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/summit-logo.svg" alt="Logo" class="logo-summit" />
                    <h2 class="is-txtWhite f32 u-mt36" style="font-weight: 500">
                        Thursday 22<sup>nd</sup> - Friday 23<sup>rd</sup> September 2022
                    </h2>
                    <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/openjsf.png" alt="OpenJS Foundation" class="openjs-logo u-mt36" />
                </div>
            </div>
        </header>
        
        <div class="container container-gl">
            <section class="grid u-justify-center">
                <div class="gradient-border vertical"></div>
                <div class="grid top-paragraphs u-justify-center">
                    <div class="grid-cell grid-cell--col6 grid-cell--col10--tablet">
                        <p class="f32 f24--tablet paragraph-1 u-mb36--tablet">
                            <svg width="24px" height="30px" viewBox="0 0 24 30" version="1.1" xmlns="http://www.w3.org/2000/svg"
                                xmlns:xlink="http://www.w3.org/1999/xlink">
                                <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                    <g id="location_on_FILL1_wght400_GRAD0_opsz48" fill="#000000" fill-rule="nonzero">
                                        <path
                                            d="M12,14.625 C12.725,14.625 13.34375,14.36875 13.85625,13.85625 C14.36875,13.34375 14.625,12.725 14.625,12 C14.625,11.275 14.36875,10.65625 13.85625,10.14375 C13.34375,9.63125 12.725,9.375 12,9.375 C11.275,9.375 10.65625,9.63125 10.14375,10.14375 C9.63125,10.65625 9.375,11.275 9.375,12 C9.375,12.725 9.63125,13.34375 10.14375,13.85625 C10.65625,14.36875 11.275,14.625 12,14.625 Z M12,30 C7.975,26.575 4.96875,23.39375 2.98125,20.45625 C0.99375,17.51875 0,14.8 0,12.3 C0,8.55 1.20625,5.5625 3.61875,3.3375 C6.03125,1.1125 8.825,0 12,0 C15.175,0 17.96875,1.1125 20.38125,3.3375 C22.79375,5.5625 24,8.55 24,12.3 C24,14.8 23.00625,17.51875 21.01875,20.45625 C19.03125,23.39375 16.025,26.575 12,30 Z"
                                            id="Shape"></path>
                                    </g>
                                </g>
                            </svg>
                            CARTO<br />C/ Gran Vía, 46, 28013 Madrid
                        </p>
                    </div>
                    <div class="grid-cell grid-cell--col6 grid-cell--col10--tablet">
                        <p class="f32 f24--tablet paragraph-2">
                            Come together with the
                            <a href="https://vis.gl/" target="_blank" rel="noopener noreferrer">vis.gl</a>/<a
                                href="https://deck.gl/" target="_blank" rel="noopener noreferrer">deck.gl</a>
                            community to discuss the present & future of the leading open source
                            library for geospatial applications.
                        </p>
                    </div>
                </div>
        
                <div class="grid-cell grid-cell--col10 u-mt80 gradient-border u-flex-column u-align-center">
                    <p class="f32 f24--tablet paragraph-3">
                        At the Open Visualization Collaborator Summit, we'll be bringing
                        together an international audience of geospatial minds to discuss how
                        they are using deck.gl to build apps, foster more contribution and
                        envisage the future of the leading open source mapping library. It'll be face-to-face and also streamed online.
                    </p>
                    <a href="https://www.eventbrite.com/e/openjs-foundation-open-visualization-collaborator-summit-tickets-410567808367" class="u-mt24 u-mb80 u-mb48--tablet button-gl">GET YOUR TICKET NOW</a>
                </div>
        
                <div class="grid grid-cell--col12 u-mt120 u-mt80--tablet u-justify-center">
                    <div
                        class="grid-cell grid-cell--col5 grid-cell--col10--tablet u-flex u-flex-column u-justify-center paragraph-4">
                        <h3 class="title-gl f48 u-mb32">Where?</h3>
                        <p class="f24 u-mb36--tablet">
                            We'll be hosting the Open Visualization Collaborator Summit in sunny
                            Spain, at CARTO's offices in the center of the beautiful city of
                            Madrid - on the iconic Gran Vía street.
                        </p>
                    </div>
                    <div class="grid-cell grid-cell--col7 grid-cell--col10--tablet">
                        <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/madrid-1.png" alt="Madrid and Carto's office" />
                    </div>
                </div>
        
                <div class="grid-cell grid-cell--col12 u-mt64">
                    <iframe
                        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3037.47157842522!2d-3.7082997847746064!3d40.42055557936463!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd42287c5623960b%3A0x84c8ee451b7284f5!2sCARTO!5e0!3m2!1sen!2ses!4v1659941052816!5m2!1sen!2ses"
                        width="100%" height="450" style="border: 0" allowfullscreen="" loading="lazy"
                        referrerpolicy="no-referrer-when-downgrade"></iframe>
                </div>
        
                <div class="grid grid-cell--col12 u-mt64 u-justify-center">
                    <div class="grid-cell grid-cell--col7 grid-cell--col10--tablet u-mb36--tablet">
                        <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/madrid-2.png" alt="Gathering at Carto's office" />
                    </div>
                    <div
                        class="grid-cell grid-cell--col5 grid-cell--col10--tablet u-flex u-flex-column u-justify-center paragraph-5">
                        <h3 class="title-gl f48 u-mb32">Who?</h3>
                        <p class="f24">
                            Developers who are passionate about building geospatial applications
                            with deck.gl. Come along to build amazing things, meet others facing
                            similar challenges and to enjoy some “tapas and mapas”. This isn't a
                            huge conference, but more of an intimate event - so we can only accept
                            a maximum of 60 people at this event.
                        </p>
                    </div>
                </div>
        
                <div class="grid grid-cell grid-cell--col12 u-mt80 gradient-border u-flex-column" id="agenda">
                    <h3 class="title-gl f48 u-mb56">Agenda</h3>
                    <div class="days-agenda" id="day-1">
                        <h4 class="title-gl f32 f24--tablet u-mb48">
                            Thursday, September 22<sup>nd</sup>
                        </h4>
                        <div class="grid talks-gl">
                            <div
                                class="grid-cell grid-cell--col4 grid-cell--col6--desktop-s grid-cell--col12--mobile u-mb56 card-agenda">
                                <div class="card-bg u-flex u-flex-column u-justify-space">
                                    <div class="u-flex u-flex-column">
                                        <h4 class="title-gl f36 f24--tablet u-mb20">09:30 - 09:55</h4>
                                        <div class="u-flex u-justify-center u-mb20">
                                            <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/speakers/xiaoji.png" alt="Xiaoji Chen"
                                                class="author u-mr10" />
                                        </div>
                                        <h3 class="f18 u-mb20 f20--desktop-l" style="font-weight: 500">
                                            Welcome session
                                        </h3>
        
                                        <p class="u-mb8 f18--desktop-l">
                                            Xiaoji Chen (Chair, Technical Steering Committee)
                                        </p>
                                    </div>
                                    <div class="u-mt32">
                                        <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/logos/microsoft.svg" alt="Microsoft" class="grid-cell--col4" />
                                    </div>
                                </div>
                            </div>
        
                            <div
                                class="grid-cell grid-cell--col4 grid-cell--col6--desktop-s grid-cell--col12--mobile u-mb56 card-agenda">
                                <div class="card-bg u-flex u-flex-column u-justify-space">
                                    <div class="u-flex u-flex-column">
                                        <h4 class="title-gl f36 f24--tablet u-mb20">10:00 - 10:25</h4>
                                        <div class="u-flex u-justify-center u-mb20">
                                            <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/speakers/Ilya.png" alt="Ilya Boyandin"
                                                class="author u-mr10" />
                                        </div>
                                        <h3 class="f18 u-mb20 f20--desktop-l" style="font-weight: 500">
                                            Dynamically adaptive deck.gl layer for mobility data in
                                            FlowmapBlue
                                        </h3>
        
                                        <p class="u-mb8 f18--desktop-l">Ilya Boyandin</p>
                                    </div>
        
                                    <div class="u-mt32">
                                        <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/logos/unfolded.png" alt="Unfolded/GeoVisually "
                                            class="grid-cell--col4" />
                                    </div>
                                </div>
                            </div>
        
                            <div
                                class="grid-cell grid-cell--col4 grid-cell--col6--desktop-s grid-cell--col12--mobile u-mb56 card-agenda">
                                <div class="card-bg u-flex u-flex-column u-justify-space">
                                    <div class="u-flex u-flex-column">
                                        <h4 class="title-gl f36 f24--tablet u-mb20">10:30 - 10:55</h4>
                                        <div class="u-flex u-justify-center u-mb20">
                                            <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/speakers/miguel.png" alt="Miguel Barrenechea"
                                                class="author u-mr10" />
        
                                            <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/speakers/david.png" alt="David Inga" class="author u-mr10" />
                                        </div>
                                        <h3 class="f18 u-mb20 f20--desktop-l" style="font-weight: 500">
                                            Using Deck.gl for environment analysis and exploration
                                        </h3>
        
                                        <p class="u-mb8 f18--desktop-l">Miguel Barrenechea</p>
        
                                        <p class="u-mb8 f18--desktop-l">David Inga</p>
                                    </div>
        
                                    <div class="u-mt32">
                                        <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/logos/vizzuality.svg" alt="Vizzuality" class="grid-cell--col4" />
                                    </div>
                                </div>
                            </div>
        
                            <div
                                class="grid-cell grid-cell--col4 grid-cell--col6--desktop-s grid-cell--col12--mobile u-mb56 card-agenda">
                                <div class="card-bg u-flex u-flex-column u-justify-space">
                                    <div class="u-flex u-flex-column">
                                        <h4 class="title-gl f36 f24--tablet u-mb20">11:00 - 11:25</h4>
                                        <div class="u-flex u-justify-center u-mb20">
                                            <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/speakers/alex.png" alt="Alex Muramoto"
                                                class="author u-mr10" />
                                        </div>
                                        <h3 class="f18 u-mb20 f20--desktop-l" style="font-weight: 500">
                                            Integrating deck.gl and Google Maps Platform
                                        </h3>
        
                                        <p class="u-mb8 f18--desktop-l">Alex Muramoto</p>
                                    </div>
        
                                    <div class="u-mt32">
                                        <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/logos/google.svg" alt="Google" class="grid-cell--col4" />
                                    </div>
                                </div>
                            </div>
        
                            <div class="divider-agenda u-mb56">
                                <p>11:30 Coffee Break</p>
                            </div>
        
                            <div
                                class="grid-cell grid-cell--col4 grid-cell--col6--desktop-s grid-cell--col12--mobile u-mb56 card-agenda">
                                <div class="card-bg u-flex u-flex-column u-justify-space">
                                    <div class="u-flex u-flex-column">
                                        <h4 class="title-gl f36 f24--tablet u-mb20">12:00 - 12:25</h4>
                                        <div class="u-flex u-justify-center u-mb20">
                                            <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/speakers/paul.png" alt="Paul Taylor" class="author u-mr10" />
                                        </div>
                                        <h3 class="f18 u-mb20 f20--desktop-l" style="font-weight: 500">
                                            GPU-accelerated Geospatial Analytics with NVIDIA RAPIDS
                                        </h3>
        
                                        <p class="u-mb8 f18--desktop-l">Paul Taylor</p>
                                    </div>
        
                                    <div class="u-mt32">
                                        <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/logos/nvidia.svg" alt="Nvidia" class="grid-cell--col4" />
                                    </div>
                                </div>
                            </div>
        
                            <div
                                class="grid-cell grid-cell--col4 grid-cell--col6--desktop-s grid-cell--col12--mobile u-mb56 card-agenda">
                                <div class="card-bg u-flex u-flex-column u-justify-space">
                                    <div class="u-flex u-flex-column">
                                        <h4 class="title-gl f36 f24--tablet u-mb20">12:30 - 12:55</h4>
                                        <div class="u-flex u-justify-center u-mb20">
                                            <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/speakers/karim.png" alt="Karim Naaji" class="author u-mr10" />
                                        </div>
                                        <h3 class="f18 u-mb20 f20--desktop-l" style="font-weight: 500">
                                            Leveraging Mapbox GL JS v2
                                        </h3>
        
                                        <p class="u-mb8 f18--desktop-l">Karim Naaji</p>
                                    </div>
        
                                    <div class="u-mt32">
                                        <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/logos/mapbox.svg" alt="Mapbox" class="grid-cell--col4" />
                                    </div>
                                </div>
                            </div>
        
                            <div class="divider-agenda u-mb56">
                                <p>13:00 Lunch (paella) at CARTO's office</p>
                            </div>
        
                            <div
                                class="grid-cell grid-cell--col4 grid-cell--col6--desktop-s grid-cell--col12--mobile u-mb56 card-agenda">
                                <div class="card-bg u-flex u-flex-column u-justify-space">
                                    <div class="u-flex u-flex-column">
                                        <h4 class="title-gl f36 f24--tablet u-mb20">14:30 - 14:55</h4>
                                        <div class="u-flex u-justify-center u-mb20">
                                            <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/speakers/martin.png" alt="Martin Schuhfuss"
                                                class="author u-mr10" />
                                        </div>
                                        <h3 class="f18 u-mb20 f20--desktop-l" style="font-weight: 500">
                                            Supercharging Google Maps with deck.gl
                                        </h3>
        
                                        <p class="u-mb8 f18--desktop-l">Martin Schuhfuss</p>
                                    </div>
        
                                    <div class="u-mt32">
                                        <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/logos/ubilabs.svg" alt="Ubilabs" class="grid-cell--col4" />
                                    </div>
                                </div>
                            </div>
        
                            <div
                                class="grid-cell grid-cell--col4 grid-cell--col6--desktop-s grid-cell--col12--mobile u-mb56 card-agenda">
                                <div class="card-bg u-flex u-flex-column u-justify-space">
                                    <div class="u-flex u-flex-column">
                                        <h4 class="title-gl f36 f24--tablet u-mb20">15:00 - 15:25</h4>
                                        <div class="u-flex u-justify-center u-mb20">
                                            <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/speakers/kyle.png" alt="Kyle Barron" class="author u-mr10" />
                                        </div>
                                        <h3 class="f18 u-mb20 f20--desktop-l" style="font-weight: 500">
                                            GeoArrow and GeoParquet in deck.gl
                                        </h3>
        
                                        <p class="u-mb8 f18--desktop-l">Kyle Barron</p>
                                    </div>
        
                                    <div class="u-mt32">
                                        <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/logos/Foursquare.svg" alt="Foursquare" class="grid-cell--col4" />
                                    </div>
                                </div>
                            </div>
        
                            <div
                                class="grid-cell grid-cell--col4 grid-cell--col6--desktop-s grid-cell--col12--mobile u-mb56 card-agenda">
                                <div class="card-bg u-flex u-flex-column u-justify-space">
                                    <div class="u-flex u-flex-column">
                                        <h4 class="title-gl f36 f24--tablet u-mb20">15:30 - 15:55</h4>
                                        <div class="u-flex u-justify-center u-mb20">
                                            <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/speakers/ladislav.png" alt="Ladislav Capek"
                                                class="author u-mr10" />
                                        </div>
                                        <h3 class="f18 u-mb20 f20--desktop-l" style="font-weight: 500">
                                            Using Deck.gl for asset management
                                        </h3>
        
                                        <p class="u-mb8 f18--desktop-l">Ladislav Capek</p>
                                    </div>
        
                                    <div class="u-mt32">
                                        <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/logos/intellmaps.svg" alt="Intellmaps" class="grid-cell--col4" />
                                    </div>
                                </div>
                            </div>
        
                            <div class="divider-agenda u-mb56">
                                <p>16:00 Coffee Break</p>
                            </div>
        
                            <div
                                class="grid-cell grid-cell--col4 grid-cell--col6--desktop-s grid-cell--col12--mobile u-mb56 card-agenda">
                                <div class="card-bg u-flex u-flex-column u-justify-space">
                                    <div class="u-flex u-flex-column">
                                        <h4 class="title-gl f36 f24--tablet u-mb20">16:15 - 16:55</h4>
                                        <div class="u-flex u-justify-center u-mb20">
                                            <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/speakers/jatorre.png" alt="Javier de la Torre"
                                                class="author u-mr10" />
                                        </div>
                                        <h3 class="f18 u-mb20 f20--desktop-l" style="font-weight: 500">
                                            Building a better basemaps ecosystem in deck.gl.
                                        </h3>
        
                                        <p class="u-mb8 f18--desktop-l">
                                            Javier de la Torre
                                        </p>
                                    </div>
        
                                    <div class="u-mt32">
                                        <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/logos/carto.svg" alt="Carto" class="grid-cell--col4" />
                                    </div>
                                </div>
                            </div>
        
                            <div
                                class="grid-cell grid-cell--col4 grid-cell--col6--desktop-s grid-cell--col12--mobile u-mb56 card-agenda">
                                <div class="card-bg u-flex u-flex-column u-justify-space">
                                    <div class="u-flex u-flex-column">
                                        <h4 class="title-gl f36 f24--tablet u-mb20">17:00 - 17:25</h4>
                                        <div class="u-flex u-justify-center u-mb20">
                                            <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/speakers/petr.png" alt="Petr logo placeholder"
                                                class="author u-mr10" />
                                        </div>
                                        <h3 class="f18 u-mb20 f20--desktop-l" style="font-weight: 500">
                                            MapLibre and Deck.gl
                                        </h3>

                                        <p class="u-mb8 f18--desktop-l">Petr Pridal (speaker)</p>
        
                                        <p class="u-mb8 f18--desktop-l"> Birk Skyum (co-author)</p>
                                    </div>
                                    <div class="u-mt32">
                                        <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/logos/maplibre.svg" alt="MapLibre" class="grid-cell--col4" />
                                    </div>
                                </div>
                            </div>
        
                            <div class="divider-agenda u-mb56">
                                <p>19:00 Dinner at <a href="https://casasuecia.es/en/" target="_blank">Casa Suecia</a> (sponsored by OpenJS Foundation)</p>
                            </div>
                        </div>
                    </div>
                    <div class="days-agenda" id="day-2">
                        <h4 class="title-gl f32 f24--tablet u-mb48 u-mt56">
                            Friday, September 23<sup>rd</sup>
                        </h4>
                        <div class="grid talks-gl">
                            <div class="divider-agenda u-mb56">
                                <p>09:00 Coffee and Breakfast</p>
                            </div>

                            
                            <div
                                class="grid-cell grid-cell--col4 grid-cell--col6--desktop-s grid-cell--col12--mobile u-mb56 card-agenda">
                                <div class="card-bg u-flex u-flex-column u-justify-space">
                                    <div class="u-flex u-flex-column">
                                        <h4 class="title-gl f36 f24--tablet u-mb20">09:30 - 10:25</h4>
                                        <div class="u-flex u-justify-center u-mb20">
                                            <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/speakers/placeholder.png" alt="vis.gl logo placeholder"
                                                class="author u-mr10" />
                                        </div>
                                        <h3 class="f18 u-mb20 f20--desktop-l" style="font-weight: 500">
                                            Looking forward session (open table)
                                        </h3>
        
                                        <p class="u-mb8 f18--desktop-l">
                                            Technical Steering Committee of vis.gl
                                        </p>
                                    </div>
                                </div>
                            </div>
        
                            <div
                                class="grid-cell grid-cell--col4 grid-cell--col6--desktop-s grid-cell--col12--mobile u-mb56 card-agenda">
                                <div class="card-bg u-flex u-flex-column u-justify-space">
                                    <div class="u-flex u-flex-column">
                                        <h4 class="title-gl f36 f24--tablet u-mb20">10:30 - 11:15</h4>
                                        <div class="u-flex u-justify-center u-mb20">
                                            <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/speakers/alberto.png" alt="Alberto Asuero"
                                                class="author u-mr10" />
        
                                            <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/speakers/felix.png" alt="Felix Palmer"
                                                class="author u-mr10" />
                                        </div>
                                        <h3 class="f18 u-mb20 f20--desktop-l" style="font-weight: 500">
                                            Workshop: Analyzing large geospatial datasets with CARTO and
                                            deck.gl
                                        </h3>
        
                                        <p class="u-mb8 f18--desktop-l">Alberto Asuero</p>
        
                                        <p class="u-mb8 f18--desktop-l">Felix Palmer</p>
                                    </div>
        
                                    <div class="u-mt32">
                                        <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/logos/carto.svg" alt="Carto" class="grid-cell--col4" />
                                    </div>
                                </div>
                            </div>
        
                            <div
                                class="grid-cell grid-cell--col4 grid-cell--col6--desktop-s grid-cell--col12--mobile u-mb56 card-agenda">
                                <div class="card-bg u-flex u-flex-column u-justify-space">
                                    <div class="u-flex u-flex-column">
                                        <h4 class="title-gl f36 f24--tablet u-mb20">11:15 - 12:00</h4>
                                        <div class="u-flex u-justify-center u-mb20">
                                            <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/speakers/chris.png" alt="Chris Gervang"
                                                class="author u-mr10" />
                                        </div>
                                        <h3 class="f18 u-mb20 f20--desktop-l" style="font-weight: 500">
                                            Workshop: How to animate time series data with hubble.gl
                                        </h3>
        
                                        <p class="u-mb8 f18--desktop-l">Chris Gervang</p>
                                    </div>
        
                                    <div class="u-mt32">
                                        <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/logos/joby.png" alt="Joby" class="grid-cell--col4" />
                                    </div>
                                </div>
                            </div>
        
                            <div class="divider-agenda u-mb56">
                                <p>11:00 Coffee Break</p>
                            </div>
        
                            <div
                                class="grid-cell grid-cell--col4 grid-cell--col6--desktop-s grid-cell--col12--mobile u-mb56 card-agenda">
                                <div class="card-bg u-flex u-flex-column u-justify-space">
                                    <div class="u-flex u-flex-column">
                                        <h4 class="title-gl f36 f24--tablet u-mb20">12:00 - 12:45</h4>
                                        <div class="u-flex u-justify-center u-mb20">
                                            <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/speakers/xiaoji.png" alt="Xiaoji Chen"
                                                class="author u-mr10" />
                                        </div>
                                        <h3 class="f18 u-mb20 f20--desktop-l" style="font-weight: 500">
                                            Workshop: How to write your own custom deck.gl layer
                                        </h3>
        
                                        <p class="u-mb8 f18--desktop-l">Xiaoji Chen</p>
                                    </div>
        
                                    <div class="u-mt32">
                                        <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/logos/microsoft.svg" alt="Microsoft" class="grid-cell--col4" />
                                    </div>
                                </div>
                            </div>
        
                            <div
                                class="grid-cell grid-cell--col4 grid-cell--col6--desktop-s grid-cell--col12--mobile u-mb56 card-agenda">
                                <div class="card-bg u-flex u-flex-column u-justify-space">
                                    <div class="u-flex u-flex-column">
                                        <h4 class="title-gl f36 f24--tablet u-mb20">12:45 - 13:30</h4>
                                        <div class="u-flex u-justify-center u-mb20">
                                            <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/speakers/jesus.png" alt="Jesús Arroyo"
                                                class="author u-mr10" />
                                        </div>
                                        <h3 class="f18 u-mb20 f20--desktop-l" style="font-weight: 500">
                                            Workshop: Visualizing geospatial data with Python
                                        </h3>
        
                                        <p class="u-mb8 f18--desktop-l">Jesús Arroyo</p>
                                    </div>
        
                                    <div class="u-mt32">
                                        <img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/logos/carto.svg" alt="Carto" class="grid-cell--col4" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
        
        <div class="grid grid-cell--col12 gradient-div"></div>
        
        <div class="footer-gl u-mt12">
            <div class="container grid grid-cell--col10 is-txtWhite u-flex u-align-center" style="padding-top: 26px">
                <p class="u-mr12">Supported by</p>
                <a href="https://carto.com/"><img src="https://raw.githubusercontent.com/visgl/deck.gl-data/master/events/madrid-summit-2022/carto.svg" alt="CARTO" /></a>
            </div>
        </div>
    </body>

</html>
